<template>
  <div>
    <h2>当前计数为：{{ count }}</h2>
    <h2>count的double值为：{{ doubleCount }}</h2>
    <button @click="increment">增加</button>
  </div>
</template>

<script setup>
import { ref, computed } from 'vue'
const count = ref(100)
const doubleCount = computed(() => count.value * 2)

const increment = () => {
  count.value++
}
</script>

<style lang="scss" scoped></style>
